<template>
  <PageHeaderWrapper title="其他" :on-scroll-ref="(el) => (pageHeaderRef = el)">
    <div>
      <div style="padding: 250px 0"></div>
      <button @click="towork">去工作</button>
      <AddComponent style="margin-top: 10px" />
      <div style="padding: 250px 0"></div>
    </div>
  </PageHeaderWrapper>
</template>

<script lang="ts">
export default {
  name: "other",
};
</script>

<script lang="ts" setup>
import { ref } from "vue";
import { useRouter } from "vue-router";
import { useScrollKeep } from "@/hooks";
import PageHeaderWrapper from "../../components/PageHeaderWrapper/index.vue";
import AddComponent from "@/components/add/index.vue";
const router = useRouter();
const pageHeaderRef = ref<HTMLDivElement>();
useScrollKeep(pageHeaderRef);

const towork = () =>
  router.push({
    path: "/work",
  });
</script>
